<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="test" id="no1" hello="world">
        <p>1</p>
        <p>11</p>
        <p>111</p>
    </div>

    <script>
        // 我想复制上面的div标签  
        
        // 节点对象.cloneNode(参数);
        // 克隆谁谁就是节点对象  


        // 节点对象  

        var divele = document.querySelector('div');
        var cloneEle = divele.cloneNode(); // 默认参数是false
        // 只克隆标签本身 不克隆后代节点  // 属性也会被克隆 
        console.log(cloneEle);

        var divele = document.querySelector('div');
        var cloneEle = divele.cloneNode(true);
        
        // 自己  子节点  属性  全克隆了  
        console.log(cloneEle);
    </script>
</body>
</html>